<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左侧导航</title>
</head>
<body>
<ul id="nav">
    <li >项目1
        <ul>
            <li>项目1-1</li>
            <li>项目1-2</li>
        </ul>
    </li>
    <li >项目2
        <ul>
            <li>项目2-1</li>
            <li>项目2-2</li>
        </ul>
    </li>
</ul>
</body>
<script src="../../../vendor/jquery.js"></script>
<script>

    $('#nav li').each(function () {
        $(this).bind('click',function () {
            $(this).children().slideToggle(1000);
        })
    })

</script>
</html>